<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8" />
	<title>index</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="" />
	<meta name="author" content="" />
	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" th:href="@{/plugins/bootstrap/bootstrap.min.css}">
	<!-- Font Awesome -->
	<link rel="stylesheet" th:href="@{/plugins/font-awesome/font-awesome.css}">
	<!-- ionicons -->
	<link th:href="@{/zhou/css/ionicons.min.css}" rel="stylesheet" />
	<!-- Morris -->
	<link th:href="@{/index/css/morris.css}" rel="stylesheet"/>
	<!-- Datepicker -->
	<link th:href="@{/index/css/datepicker.css}" rel="stylesheet"/>
	<!-- Animate -->
	<link th:href="@{/index/css/animate.min.css}" rel="stylesheet" />
	<!-- Owl Carousel -->
	<link th:href="@{/index/css/owl.carousel.min.css}" rel="stylesheet" />
	<link th:href="@{/index/css/owl.theme.default.min.css}" rel="stylesheet" />
	<!-- index -->
	<link th:href="@{/module/index/index.min.css}" rel="stylesheet" />
	<!-- Jquery -->
	<script th:src="@{/zhou/js/jquery.min.js}"></script>
	<!-- Bootstrap -->
	<script th:src="@{/plugins/bootstrap/bootstrap.min.js}"></script>
	<!-- Flot -->
	<script th:src="@{/zhou/js/jquery.flot.min.js}"></script>
	<!-- Slimscroll -->
	<script th:src="@{/zhou/js/jquery.slimscroll.min.js}"></script>
	<!-- Morris -->
	<script th:src="@{/index/js/rapheal.min.js}"></script>
	<script th:src="@{/index/js/morris.min.js}"></script>
	<!-- Datepicker -->
	<script th:src="@{/index/js/datepicker.js}"></script>
	<!-- Sparkline -->
	<script th:src="@{/index/js/sparkline.min.js}"></script>
	<!-- Skycons -->
	<script th:src="@{/index/js/skycons.js}"></script>
	<!-- Popup Overlay -->
	<script th:src="@{/zhou/js/jquery.popupoverlay.min.js}"></script>
	<!-- Easy Pie Chart -->
	<script th:src="@{/zhou/js/jquery.easypiechart.min.js}"></script>
	<!-- Sortable -->
	<script th:src="@{/zhou/js/jquery.sortable.js}"></script>
	<!-- Owl Carousel -->
	<script th:src="@{/index/js/owl.carousel.min.js}"></script>
	<!-- Modernizr -->
	<script th:src="@{/index/js/modernizr.min.js}"></script>
	<!-- index -->
	<script th:src="@{/index/js/index.js}"></script>
	<script th:src="@{/index/js/index_dashboard.js}"></script>
	<!-- layer +layui -->
	<script th:src="@{/plugins/layer/layer.js}"></script>
	<script th:src="@{/plugins/layui/layui.all.js}"></script>
	<link th:href="@{/plugins/layui/css/layui.css}" rel="stylesheet" />

</head>

<body class="overflow-hidden">
<div class="wrapper preload">
	<div class="sidebar-right">
		<div class="sidebar-inner scrollable-sidebar">
			<div class="sidebar-header clearfix">
				<input class="form-control dark-input" placeholder="Search" type="text" />
				<div class="btn-group pull-right">
					<a href="#" class="sidebar-setting" data-toggle="dropdown"><i class="fa fa-cog fa-lg"></i></a>
					<ul class="dropdown-menu pull-right flipInV">
						<li><a href="#"><i class="fa fa-circle text-danger"></i><span class="m-left-xs">Busy</span></a></li>
						<li><a href="#"><i class="fa fa-circle-o"></i><span class="m-left-xs">Turn Off Chat</span></a></li>
					</ul>
				</div>
			</div>
			<div class="title-block">
				Group Chat
			</div>
			<div class="content-block">
				<ul class="sidebar-list">
					<li>
						<a href="#">
							<i class="fa fa-circle-o text-success"></i><span class="m-left-xs">Close Friends</span>
						</a>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-circle-o text-success"></i><span class="m-left-xs">Business</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="title-block">
				Favorites
			</div>
			<div class="content-block">
				<ul class="sidebar-list">
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Where are you?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-purple bounceIn animation-delay2">2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									Jane Doe
								</div>
								<div class="chat-message">
									Hello
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-info bounceIn animation-delay2">1</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									See you again next week.
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-check text-success"></i>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Hello, Are you there?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-reply"></i>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="title-block">
				More friends
			</div>
			<div class="content-block">
				<ul class="sidebar-list">
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Where are you?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-success bounceIn animation-delay2">2</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									Jane Doe
								</div>
								<div class="chat-message">
									Hello
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-success"></i>
							</div>
							<div class="chat-alert">
								<span class="badge badge-danger bounceIn animation-delay2">1</span>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar"/>
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									See you again next week.
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-check text-success"></i>
							</div>
						</a>
					</li>
					<li>
						<a href="#" class="clearfix">
							<img src="/index/images/1.jpg" class="img-circle" alt="user avatar" />
							<div class="chat-detail m-left-sm">
								<div class="chat-name">
									John Doe
								</div>
								<div class="chat-message">
									Hello, Are you there?
								</div>
							</div>
							<div class="chat-status">
								<i class="fa fa-circle-o text-danger"></i>
							</div>
							<div class="chat-alert">
								<i class="fa fa-reply"></i>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div><!-- sidebar-inner -->
	</div><!-- sidebar-right -->
	<header class="top-nav">
		<div class="top-nav-inner">
			<div class="nav-header">
				<button type="button" class="navbar-toggle pull-left sidebar-toggle" id="sidebarToggleSM">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>

				<ul class="nav-notification pull-right">
					<li>
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog fa-lg"></i></a>
						<span class="badge badge-danger bounceIn">1</span>
						<ul class="dropdown-menu dropdown-sm pull-right user-dropdown">
							<li class="user-avatar">
								<img src="/index/images/1.jpg" alt="" class="img-circle"/>
								<div class="user-content">
									<h5 class="no-m-bottom">Jane Doe</h5>
									<div class="m-top-xs">
										<a href="#" class="m-right-sm">Profile</a>
										<a href="#">Log out</a>
									</div>
								</div>
							</li>
							<li>
								<a href="#">
									Inbox
									<span class="badge badge-danger bounceIn animation-delay2 pull-right">1</span>
								</a>
							</li>
							<li>
								<a href="#">
									Notification
									<span class="badge badge-purple bounceIn animation-delay3 pull-right">2</span>
								</a>
							</li>
							<li>
								<a href="#" class="sidebarRight-toggle">
									Message
									<span class="badge badge-success bounceIn animation-delay4 pull-right">7</span>
								</a>
							</li>
							<li class="divider"></li>
							<li>
								<a href="#">Setting</a>
							</li>
						</ul>
					</li>
				</ul>

				<a href="#" class="brand">
					<i class="fa fa-database"></i><span class="brand-name">blog</span>
				</a>
			</div>
			<div class="nav-container">
				<button type="button" class="navbar-toggle pull-left sidebar-toggle" id="sidebarToggleLG">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<ul class="nav-notification">
					<li class="search-list">
						<div class="search-input-wrapper">
							<div class="search-input">
								<input type="text" class="form-control input-sm inline-block"/>
								<a href="#" class="input-icon text-normal"><i class="ion-ios7-search-strong"></i></a>
							</div>
						</div>
					</li>
				</ul>
				<div class="pull-right m-right-sm">
					<div class="user-block hidden-xs">
						<a href="#" id="userToggle" data-toggle="dropdown">
							<img src="/index/images/1.jpg" alt="" class="img-circle inline-block user-profile-pic"/>
							<div class="user-detail inline-block" id="username"><i class="fa fa-angle-down"></i>
							</div>
						</a>
						<div class="panel border dropdown-menu user-panel">
							<div class="panel-body paddingTB-sm">
								<ul>
									<li>
										<a id="userSet">
											<i class="fa fa-edit fa-lg"></i><span class="m-left-xs">设置</span>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-inbox fa-lg"></i><span class="m-left-xs">Inboxes</span>
											<span class="badge badge-danger bounceIn animation-delay3">2</span>
										</a>
									</li>
									<li>
										<a href="#">
											<i class="fa fa-power-off fa-lg"></i><span class="m-left-xs">Sign out</span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<ul class="nav-notification">
						<li>
							<a href="#" data-toggle="dropdown"><i class="fa fa-envelope fa-lg"></i></a>
							<span class="badge badge-purple bounceIn animation-delay5 active">1</span>
							<ul class="dropdown-menu message pull-right">
								<li><a>你有1条未读消息</a></li>
								<li>
									<a class="clearfix" href="#">
										<img src="/index/images/1.jpg" alt="User Avatar"/>
										<div class="detail">
											<strong>John Doe</strong>
											<p class="no-margin">
												Lorem ipsum dolor sit amet...
											</p>
											<small class="text-muted"><i class="fa fa-check text-success"></i> 27m ago</small>
										</div>
									</a>
								</li>
								<li><a href="#">查看所有消息</a></li>
							</ul>
						</li>
						<li>
							<a href="#" data-toggle="dropdown"><i class="fa fa-bell fa-lg"></i></a>
							<span class="badge badge-info bounceIn animation-delay6 active">4</span>
							<ul class="dropdown-menu notification dropdown-3 pull-right">
								<li><a href="#">你有5条新的通知</a></li>
								<li>
									<a href="#">
												<span class="notification-icon bg-warning">
													<i class="fa fa-warning"></i>
												</span>
										<span class="m-left-xs">服务器#2没有响应.</span>
										<span class="time text-muted">现在</span>
									</a>
								</li>
								<li>
									<a href="#">
												<span class="notification-icon bg-success">
													<i class="fa fa-plus"></i>
												</span>
										<span class="m-left-xs">新用户注册.</span>
										<span class="time text-muted">2分钟前</span>
									</a>
								</li>
								<li>
									<a href="#">
												<span class="notification-icon bg-danger">
													<i class="fa fa-bolt"></i>
												</span>
										<span class="m-left-xs">应用程序错误.</span>
										<span class="time text-muted">5分钟前</span>
									</a>
								</li>
								<li>
									<a href="#">
												<span class="notification-icon bg-success">
													<i class="fa fa-plus"></i>
												</span>
										<span class="m-left-xs">新用户注册.</span>
										<span class="time text-muted">1小时前</span>
									</a>
								</li>
								<li><a href="#">查看所有通知消息</a></li>
							</ul>
						</li>
						<li class="chat-notification">
							<a href="#" class="sidebarRight-toggle"><i class="fa fa-comments fa-lg"></i></a>
							<span class="badge badge-danger bounceIn">1</span>

							<div class="chat-alert">
								Hello, Are you there?
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div><!-- ./top-nav-inner -->
	</header>
	<aside class="sidebar-menu fixed">
		<div id="left" class="sidebar-inner scrollable-sidebar">
			<div class="main-menu">
				<ul class="accordion">
					<li class="menu-header">Main Menu</li>
					<li class="bg-palette1 active">
						<a href="#">
							<span class="menu-content block">
								<span class="menu-icon"><i class="block fa fa-home fa-lg"></i></span>
								<span class="text m-left-sm">主页</span>
							</span>
							<span class="menu-content-hover block">Home</span>
						</a>
					</li>
					<li class="openable bg-palette3">
						<a href="#">
							<span class="menu-content block">
								<span class="menu-icon"><i class="block fa fa-book fa-lg"></i></span>
								<span class="text m-left-sm">博客</span>
								<span class="submenu-icon"></span>
							</span>
							<span class="menu-content-hover block">Form</span>
						</a>
						<ul class="submenu bg-palette3" th:onclick="'javascript:initRightLayout(\'/blog/mdeditor\')'">
							<li><a><span class="submenu-label">写博客</span></a></li>
						</ul>
						<ul class="submenu bg-palette4" th:onclick="'javascript:initRightLayout(\'/blog/blogList\')'">
							<li><a><span class="submenu-label">博客列表</span></a></li>
						</ul>
					</li>
					<li class="openable bg-palette2">
						<a href="#">
							<span class="menu-content block">
								<span class="menu-icon"><i class="block fa fa-camera fa-lg"></i></span>
								<span class="text m-left-sm">相册</span>
								<span class="submenu-icon"></span>
							</span>
							<span class="menu-content-hover block">Form</span>
						</a>
						<ul class="submenu bg-palette4" th:onclick="'javascript:initRightLayout(\'/photo/uploadPhoto\')'">
							<li><a><span class="submenu-label">上传</span></a></li>
						</ul>
						<ul class="submenu bg-palette4" th:onclick="'javascript:initRightLayout(\'/photo/photoList\')'">
							<li><a><span class="submenu-label">相册</span></a></li>
						</ul>
					</li>
					<li class="bg-palette1">
						<a href="#">
							<span class="menu-content block">
								<span class="menu-icon"><i class="block fa fa-envelope fa-lg"></i></span>
								<span class="text m-left-sm">消息</span>
								<small class="badge badge-danger badge-square bounceIn animation-delay5 m-left-xs">5</small>
							</span>
							<span class="menu-content-hover block">Inboxs</span>
						</a>
					</li>
					<li class="menu-header">Others</li>
				</ul>
			</div>
			<div class="sidebar-fix-bottom clearfix">
				<div class="user-dropdown dropup pull-left">
					<a href="#" class="dropdwon-toggle font-18" data-toggle="dropdown"><i class="ion-person-add"></i>
					</a>
					<ul class="dropdown-menu">
						<li>
							<a href="#">Inbox<span class="badge badge-danger bounceIn animation-delay2 pull-right">1</span>
							</a>
						</li>
						<li>
							<a href="#">Notification<span class="badge badge-purple bounceIn animation-delay3 pull-right">2</span>
							</a>
						</li>
						<li>
							<a href="#" class="sidebarRight-toggle">Message<span class="badge badge-success bounceIn animation-delay4 pull-right">7</span>
							</a>
						</li>
						<li class="divider"></li>
						<li>
							<a href="#">Setting</a>
						</li>
					</ul>
				</div>
				<a href="#" class="pull-right font-18"><i class="ion-log-out"></i></a>
			</div>
		</div><!-- sidebar-inner -->
	</aside>

	<div id="bodydiv" class="main-container" style="width: 100%;height: 100%">
		<iframe id='body' src="/timeline" style='overflow:visible;' scrolling='yes' frameborder='no' width='87%' height="1000"></iframe>";
	</div><!-- ./padding-md -->
</div><!-- /main-container -->

<!--
<footer class="footer">
</footer>
</div><! /wrapper -->

<a href="#" class="scroll-to-top hidden-print"><i class="fa fa-chevron-up fa-lg"></i></a>

<!-- Delete Widget Confirmation -->
<div class="custom-popup delete-widget-popup delete-confirmation-popup" id="deleteWidgetConfirm">
	<div class="popup-header text-center">
				<span class="fa-stack fa-4x">
				  <i class="fa fa-circle fa-stack-2x"></i>
				  <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
				</span>
	</div>
	<div class="popup-body text-center">
		<h5>Are you sure to delete this widget?</h5>
		<strong class="block m-top-xs"><i class="fa fa-exclamation-circle m-right-xs text-danger"></i>This action cannot be undone</strong>

		<div class="text-center m-top-lg">
			<a class="btn btn-success m-right-sm remove-widget-btn">Delete</a>
			<a class="btn btn-default deleteWidgetConfirm_close">Cancel</a>
		</div>
	</div>
</div>




<script th:inline="javascript">
/*<![CDATA[*/
    $(function()	{


    });


/*]]>*/
</script>
</body>
</html>
